// 内容
let el1="";
// 一次请求
fetch('http://chst.vip:1234/api/getgsproduct?shopid=0&areaid=0')
.then(body=>body.json())
.then(res=>{
    res.result.forEach(item=>{
        el1+=`
        <li>
        <a href="#">
            <img src="${item.productImg}">
            <div class="title">${item.productName}</div>
            <p class="price">${item.productPrice}</p>
        </a>
        </li>`        
    })
    $('.uu2').html(el1)
})

// navlist
// 一号
let el2="";
let el3="";
fetch('http://chst.vip:1234/api/getgsshop')
.then(body=>body.json())
.then(res=>{
    res.result.forEach(item=>{
        el2+=`<a data-shopid="${item.shopId}" href="gsproduct.html?shopid=${item.shopId}">${item.shopName}</a>`
        

    })
    $('.oo li:eq(0)').html(el2)
})

// 二号
//
fetch('http://chst.vip:1234/api/getgsshoparea')
.then(body=>body.json())
.then(res=>{
res.result.forEach(item=>{
el3+=`<a data-areaid="${item.areaId}" href="gsproduct.html?areaid=${item.areaId}">${item.areaName}</a>`
})
$('.oo li:eq(1)').html(el3)

})
//
let shopid=getQueryString('shopid')
console.log(shopid)


//navlist
var ulis = document.querySelectorAll('#nav .uu li')
var olis = document.querySelectorAll('#nav .oo li')
for (var i = 0; i < ulis.length; i++) {
 
        ulis[i].index = i;
        ulis[i].onclick = function () {
            //每次设置之前 先把其它元素的active类名去掉
            for (var j = 0; j < ulis.length; j++) {
                ulis[j].className = ""
                //干掉olis里面所有元素的active类名
                olis[j].className = ""
            }
            //给当前元素加上active类名
            this.className = "active"                      
            //给切换的内容区域加上类名
            olis[this.index].className = "active"
            
        }
    }
